/*------------------------------------------------------------------
# FRIW Sistemas
#
# Project:      Controle Financeiro
# Version:	    1.0
# Last change:	22/05/09
-------------------------------------------------------------------*/
/*-----------------------------------------------------------------
# RESET
-------------------------------------*/
@import "reset_reloaded.css";

body {
    line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #333;
	background: #FFF url(../images/bg.jpg) repeat-x;
}
/** Formularios ***/
select {
    padding:5px;
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
    color:#000;
    border:1px solid #000;
    background:#FFF url(../images/form_input_bg.gif) bottom center repeat-x;
}
input.text {
    padding:5px;
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
    color:#000;
    border:1px solid #000;
    background:#FFF url(../images/form_input_bg.gif) bottom center repeat-x;
}
input.butok {
    margin-top:10px;
    padding:10px 10px 10px 40px;
    font-weight:bold;
    color:#000;
    border:1px solid #000;
    background:#FFF url(../images/form_but_bg1.gif) no-repeat;
}

input.butcancel {
    margin-top:10px;
    padding:10px 10px 10px 40px;
    font-weight:bold;
    color:#000;
    border:1px solid #000;
    background:#FFF url(../images/form_but_bg0.gif) no-repeat;
}

/** Links  ***/
a:link, a:active, a:visited {
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/** TITULOS ***/
h5 {
    font-size:18px;
    font-weight:bold;
}
/*-----------------------------------------------------------------
# WRAPPER
-------------------------------------*/
#wrap {
    display:table;
    width: 910px;
    margin: 50px auto 0;
    background: transparent url(../images/wrap_bg_top.png) repeat-y;
}
/*-----------------------------------------------------------------
# HEADER
-------------------------------------*/
#header {
    width: 898px;    
    margin: 0 auto;        
}
#header h1 {        
    width:245px;
    height:100px;    
    margin: 15px auto 10px;
	background: transparent url(../images/logo_sistemafinanceiro.png) no-repeat;
}
#header h1 a {
	display: block;
    width: 245px;
    height: 100px;
    text-indent:-8000px;
}
#header #hello {        
    width:100%;
    height:30px;
    line-height:30px;    
    margin: 0 auto;
    text-align:center;
	background: #99CC00;
}
#header #hello span{        
    padding-left:27px;
    color: #FFF;
    background: url(../images/icon_user.gif) no-repeat;    
}
/*-----------------------------------------------------------------
# MIDDLE - MAIN COLUMN
-------------------------------------*/
#middle_wrap {
    display:table;
    width: 910px;
    margin: 0 auto;
    background: transparent url(../images/wrap_bg.png) repeat-y;
}
/** Login ***/
#middle_wrap #login {
    width:300px;
    margin:40px auto 30px;
}
#middle_wrap #login fieldset {
    padding:10px;
    border:1px solid #333;
    background:#FFF;
}
#middle_wrap #login legend {
    margin-left:10px;
    padding:3px 3px 3px 28px;
    font-weight:bold;
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-right:1px solid #333;
    background:#FFF url(../images/icon_secury.gif) 2px 2px no-repeat;
}
#middle_wrap #login label {
    display:block;
    cursor:pointer;
    font-weight:bold;
}
#middle_wrap #login input.text {
    width:265px;
}
#middle_wrap #login select{
    width:277px;
}
#middle {
    float: left;
    width: 100%;
}
#maincolumn {
    padding: 10px 0;
    margin-left: 225px;
}
#content {        
    width: 667px;
    border:1px solid #99CC00;
    background: #FFF;
}
#content h2 {           
    margin:10px 0;
    padding:5px 0 5px 30px;
    font-weight:bold;
    font-size:18px;
    color: #333;
    background-color: #EDFCCE;
    background-repeat: no-repeat;
    background-position: 3px 4px;
}
#content h2.home { background-image: url(../images/icon_home.gif); }
#content h2.list { background-image: url(../images/icon_list.gif); }
#content h2.add { background-image: url(../images/icon_add.gif); }
#content h2.add2 { background-image: url(../images/icon_add2.gif); }
#content h2.cat { background-image: url(../images/icon_cat.gif); }
#content h2.acc { background-image: url(../images/icon_acc.gif); }
#content h2.graph { background-image: url(../images/icon_graph.gif); }
#content h2.text { background-image: url(../images/icon_text.gif); }
#content h2.info { background-image: url(../images/icon_info.gif); }
#content h2.users { background-image: url(../images/icon_users.gif); }
#content h2.celendar { background-image: url(../images/icon_celendar.gif); }
#content #contentmain {
    padding:8px;
}

div#logo_ufc {
    margin-bottom:10px;
    padding:10px 0 0 95px;
    background:#FFF url(../images/logo_ufc.jpg) no-repeat;
}
/*-----------------------------------------------------------------
# MIDDLE - LEFT COLUMN
-------------------------------------*/
#leftcolumn {
    float: left;
    width: 200px;
    margin-left: -910px;
    padding: 10px 0 0 16px;
}
#leftcolumn #menu_wrap {
    padding:3px;    
    border:1px solid #99CC00;
    background:#FFF;
}
#leftcolumn #menu_wrap #menu {
    padding-bottom:10px;    
    background:#EDFCCE;
}
#leftcolumn #menu_wrap #menu h3 {
    height:30px;
    line-height:30px;
    font-weight:bold;        
    color:#FFF;    
    text-align:center;
    background:#99CC00;
}
#leftcolumn #menu ul {
    width:174px;
    margin:10px auto 0;
}
#leftcolumn #menu ul ul {
    width:174px;
    margin:0 auto 0;
    border-top:1px solid #CCE57F;
}
#leftcolumn #menu li {
    position: relative;
	border-bottom:1px solid #99CC00;
}
#leftcolumn #menu ul ul li {
    position: relative;
	border-bottom:1px solid #CCE57F;
}
#leftcolumn #menu li a {
	display:block;
	width: 174px;
	padding:3px 0 3px 0;	
	color:#333;
	text-decoration:none;    
}
#leftcolumn #menu li a:hover {
    background-color: #F5FEE2;
}
#leftcolumn #menu li a#linkAdd {
	background: transparent url(../images/icon_arrow1.gif) center right no-repeat;
}
#leftcolumn #menu li a.arrow2#linkAdd {
	background: transparent url(../images/icon_arrow2.gif) center right no-repeat;
}
#leftcolumn #menu li a span {
    display:block;
    height:24px;
    padding-left:30px;  	    
}
#leftcolumn #menu li a span.home { background: transparent url(../images/icon_home.gif) no-repeat; }
#leftcolumn #menu li a span.list { background: transparent url(../images/icon_list.gif) no-repeat; }
#leftcolumn #menu li a span.add { background: transparent url(../images/icon_add.gif) no-repeat; }
#leftcolumn #menu li a span.add2 { background: transparent url(../images/icon_add2.gif) no-repeat; }
#leftcolumn #menu li a span.cat { background: transparent url(../images/icon_cat.gif) no-repeat; }
#leftcolumn #menu li a span.acc { background: transparent url(../images/icon_acc.gif) no-repeat; }
#leftcolumn #menu li a span.graph { background: transparent url(../images/icon_graph.gif) no-repeat; }
#leftcolumn #menu li a span.text { background: transparent url(../images/icon_text.gif) no-repeat; }
#leftcolumn #menu li a span.users { background: transparent url(../images/icon_users.gif) no-repeat; }
#leftcolumn #menu li a span.logout { background: transparent url(../images/icon_logout.gif) no-repeat; }
#leftcolumn #extra {
    width: 200px;
}
#leftcolumn #extra #creditos {
    width: 150px;
    margin:10px auto 0;
}
#leftcolumn #extra #creditos a {
    display: block;
    width: 150px;
    height: 40px;
    text-indent:-8000px;
    background: #F5F5F5 url(../images/logo_friw.gif) no-repeat;
}
/*-----------------------------------------------------------------
# FOOTER
-------------------------------------*/
#footer {
    clear:both;
    width: 910px;
    margin: 0 auto;
    padding:40px 0 20px 0;    
    background: transparent url(../images/wrap_bg_footer.png) top center no-repeat;    
}
#footer #site {    
    width: 85px;
    height: 45px;
    margin: 0 auto;
}
#footer #site a {
    display: block;
    width: 85px;
    height: 45px;
    text-indent:-8000px;
    background: #FFF url(../images/logo_futriko.jpg) no-repeat;
}
